<!doctype html>
<link rel="match" href="reference/text-overflow.html" />
<style>
  div {
    overflow: hidden;
    white-space: nowrap;
    width: 75px;
  }
  .clip {
    text-overflow: clip;
  }
  .ellipsis {
    text-overflow: ellipsis;
  }
</style>
<div class="clip">This text gets clipped</div>
<div class="ellipsis">This text gets an ellipsis</div>
<div class="ellipsis" style="width: 0px">Invisible</div>
